import React, { Component } from 'react';
import { Icon } from 'antd';
import './index.css';

class Header extends Component {
  render() {
    return (
      <header className="row header">
        <div className="row title">
          <Icon type="highlight" theme="twoTone" className="highlight"/>
          <span>青玉的博客</span>
        </div>
        <nav id="nav">
          <ul className="row">
            <li>
              <a href="/">首页</a>
            </li>
            <li>
              <a href="/" className="selected">文章归档</a>
            </li>
            <li>
              <a href="/">文章分类</a>
            </li>
            <li>
              <a href="/">关于我</a>
            </li>
          </ul>
        </nav>
      </header>
    );
  }
}

export default Header;